<template>
  <div>
    <div>mySlot展示页面</div>
    <my-slot>
      <template #introduce>
        这里是我的简介
        这里是我的简介这里是我的简介这里是我的简介这里是我的简介这里是我的简介这里是我的简介</template
      >

      <template v-slot:default="scope">
        <p>{{ scope }}</p>
        <p>{{ scope.message }}</p>
      </template>
      <template v-slot:title="scope">
        <p>{{ scope }}</p>
        <p>{{ scope.message }}</p>
      </template>
      <!-- <template v-slot:userSlot="scope">
        <p>{{ scope }}</p>
        <p>{{ scope.user }}</p>
      </template> -->
      <template #userSlot="{ user }">
        <p>{{ user }}</p>
        <p>{{ user.name }}</p>
      </template>
    </my-slot>
  </div>
</template>

<script setup lang="ts">
import MySlot from '@/components/Slot.vue'
</script>

<style scoped></style>
